<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>My CV</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <!-- Container element -->
    <div>
        <!-- About me -->
        <div>
            <h4>Front-End Developer</h4>
            <h1>John Doe</h1>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                dolore magna
                aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel
                facilisis.
            </p>
        </div>

        <!-- Projects section -->
        <div>
            <h3>Projects</h3>
            <ol>
                <li>
                    <a href="https://barbershop.goit.global/">https://barbershop.goit.global/</a>
                    <span>................</span>
                    <span>[ HTML5, CSS3 ]</span>
                </li>

                <li>
                    <a href="https://cryptohub.goit.global/">https://cryptohub.goit.global/</a>
                    <span>....................</span>
                    <span>[ JavaScript ]</span>
                </li>

                <li>
                    <a href="https://kidslike.goit.global/">https://kidslike.goit.global/</a>
                    <span>........................</span>
                    <span>[ React.js, Node.js ]</span>
                </li>
            </ol>
        </div>

        <!-- Work Experience Section -->
        <div>
            <h3>Work Experience</h3>

            <!-- Work Experience Item -->
            <div>
                <h4>
                    <span>Front-End Developer</span>
                    <span>Freelance</span>
                </h4>
                <p>March 2022 - up to now | Country</p>
                <ul>
                    <li>Dezvoltare de site-uri și aplicații mobile</li>
                    <li>Remedieri de erori și îmbunătățiri ale funcționalității existente</li>
                    <li>Creșterea productivității site-urilor SPA și statice</li>
                    <li>Refactorizarea șabloanelor și programelor existente</li>
                </ul>
            </div>

            <!-- Work Experience Item -->
            <div>
                <h4>
                    <span>Front-End Developer</span>
                    <span>Freelance</span>
                </h4>
                <p>October 2019 - up to now | Country</p>
                <ul>
                    <li>Dezvoltare de site-uri și aplicații mobile</li>
                    <li>Remedieri de erori și îmbunătățiri ale funcționalității existente</li>
                    <li>Creșterea productivității site-urilor SPA și statice</li>
                    <li>Refactorizarea șabloanelor și programelor existente</li>
                </ul>
            </div>

            <!-- Work Experience Item -->
            <div>
                <h4>
                    <span>Manager Glory</span>
                    <span>LLC</span>
                </h4>
                <p>June 2014 - February 2015 | Country</p>
                <ul>
                    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
                    <li>Quis ipsum suspendisse ultrices gravida</li>
                    <li>Risus commodo viverra maecenas.</li>
                </ul>
            </div>
        </div>

        <!-- Education Section -->
        <div>
            <h3>Education</h3>

            <!-- Education Item -->
            <div>
                <h4>National University</h4>
                <h4>Management</h4>
                <p>September 2009 - June 2014 | Country</p>
            </div>

            <!-- Education Item -->
            <div>
                <h4>GoIT</h4>
                <h4>Fullstack Online</h4>
                <p>January 2019 - October 2019 | Country</p>
            </div>
        </div>
    </div>

    <aside>
        <!-- Profile Picture -->
        <div>
            <img src="res/photo.png" alt="" width="370">
        </div>

        <!-- Contact Section -->
        <div>
            <h3>Contacts</h3>

            <div>
                <a href="tel:+111111111111">
                    <span>C:</span>
                    +1 111 1111 11 11
                </a>
            </div>

            <div>
                <a href="mailto:johndoe@gmail.com">
                    <span>E:</span>
                    johndoe@gmail.com
                </a>
            </div>
        </div>

        <!-- Tech Skills Section -->
        <div>
            <h3>Tech Skills</h3>

            <ul>
                <li>HTML5</li>
                <li>CSS3</li>
                <li>GIT</li>
                <li>WebPack</li>
                <li>JavaScript</li>
                <li>React.js</li>
                <li>Node.js</li>
            </ul>
        </div>

        <!-- Soft Skills Section -->
        <div>
            <h3>Soft Skills</h3>

            <ul>
                <li>Scrum</li>
                <li>Agile</li>
                <li>GTD</li>
                <li>Teamwork</li>
            </ul>
        </div>
    </aside>
</body>

</html>
